/* 
 * 此样式文件用于隐藏与 ResizeObserver 相关的错误覆盖层
 * 会在开发环境中被导入
 */

/* 隐藏包含 ResizeObserver 错误消息的覆盖层 */
#webpack-dev-server-client-overlay[data-message*="ResizeObserver"] {
  display: none !important;
}

/* 以下为一些其他可能需要抑制的错误 */
/* HMR 相关错误 */
#webpack-dev-server-client-overlay[data-message*="HMR"] {
  opacity: 0.9 !important;
}

/* 调整覆盖层样式，使其不那么显眼 */
iframe[title*="hmr-error-overlay"] {
  z-index: 1000 !important;
}

/* 处理 Vue 组件在动态高度变化时产生的覆盖层 */
.webpack-dev-overlay-message:has(div:contains("ResizeObserver")) {
  display: none !important;
} 